<!--
 * @Author: lyc
 * @Date: 2020-11-16 15:45:35
 * @LastEditors: lyc
 * @LastEditTime: 2020-11-16 15:46:30
 * @Description: file content
-->
{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Results
{% endblock %}

{% block content %}
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
<script src="https://unpkg.com/element-ui@2.13.2/lib/index.js"></script>

<script src="//unpkg.com/vue/dist/vue.js"></script>
    <script src="//unpkg.com/element-ui@2.13.2/lib/index.js"></script>

<style>
    @import url("//unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css");
</style>   

<div id="app">
    <template>
     <el-row :gutter="10">
      <el-col :span='25'>
          <el-card shadow="hover">
                 <h3>当前为：{{ round }}轮</h3>
              <br /><strong>亲爱的参与者，您的角色为B1企业</strong>
           <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp请您仔细阅读A企业给您投资的资金，如果您没有收到投资，则本轮结束，
请您选择返还数量为0，并点击<span style="color: red;">NEXT按键</span>。如果您收到天使投资，经过您的运营可以将A企业投给您的资金变为原来的三倍。
这时您需要做出选择，是否对A企业进行返还，如果返还，请选择您返还的资金额，并点击NEXT。
<br /><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp特别说明：您可以选择将您所拥有的任意数量的资金返还给A企业，
这意味着在极端情况下您可以选择一分钱不返还，或者将您所有的钱返还。</strong>
<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp为了方便您做出选择，我们给出您的个人收益计算公式：
<br /><span style="color: red;"><h3>&nbsp;&nbsp;&nbsp;&nbsp您的收益=3×A企业给您的投资 - 您返还给A的资金</h3></span> 



          
  <el-divider></el-divider>
              <div align='center'>
  
                  <span>A企业投资给您的资金为（X）</span>{{ group.sent_amount_b1 }}<br/>
                  <span>经过您的经营,A企业投资的资金变为（3X）</span>{{tripled_amount}}<br/>
                  <span>您将要返还给A企业的资金是</span> <br><br>
                  {% formfield group.sent_back_amount_b1 %}
        
              </div>
              <div style="float:right">
<br />
        <h4>请填写完之后点击<span style="color: red;">Next按钮</h4></span> 
                  {% next_button %}
             </div>
          </el-card>
      </el-col>
     </el-row>
    </template>
  <script>
      new Vue().$mount('#app')
  </script>
  </div>
  
  
  
  {% endblock %}
